<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
	<head>
		<title>文鼎报考GPS</title>
		<meta name="decorator" content="cms_default_${site.theme}"/>
		<meta name="description" content="${site.description}" />
		<meta name="keywords" content="${site.keywords}" />
		<script type="text/javascript">
			console.log("date:2017-12-05\n");
			console.log("author:zhu\n");
			$.validator.setDefaults({
			    submitHandler: function() {
			    	form.submit();
			    }
			});
			$().ready(function() {
				// 提交时验证表单
				var validator = $("#loginForm").validate({
					errorElement: "span",
					rules: {
					    account: {
					        required: true,
					    },
					    password: {
							required: true,
						}
					},
					messages: {
						account: {
							required: "请填写账号",
						},
						password: {
							required: "请输入密码",
						}
					}
				});

				$(".cancel").click(function() {
					validator.resetForm();
				});
			});
			//消息提示
			$(function(){
				var message = "${message}";
				if(message){
					if(message){
						layer.msg(message,
								{
									zIndex: 0,
									icon: 2,
									time: 3000
								}
							);
						layer.style(1,{
							top: '50%'
						})
					}
				}
			});
		</script>
		<style>
			.error{
				color:#1fbed0;
			}
		</style>
	</head>
	<body>
			<div class="banner">
				<img src="${ctxStatic}/img/bg.png" />
				<div class="banner-center">
					<div class="banner-lt">
						<h1>梦想起航从志愿填报开始</h1>
						<div class="banner-center1">
							<div class="banner-lt1">
								<p>2017-实现你难道高考梦想</p>
								<h1>全国服务热线：400-000-0000</h1>
							</div>
							<div class="banner-rt1">
								<button>点击了解详情<i class="glyphicon glyphicon-play"></i></button>
								<button>系统使用说明<i class="glyphicon glyphicon-play"></i></button>
							</div>
						</div>
					</div>
					<!-- 用户未登陆时显示登陆窗口   -->
					<c:if test="${ empty frontUserInfo }">
						<form id="loginForm" action="${ctx}/user/login" method="post">
							<div class="banner-rt">
								<ul>
									<li><h1>用户登录</h1></li>
									<li>
										<input type="text"  name="account" placeholder="输入账号"/>
										<!-- <span class="qubie"></span> -->
										<!-- <i class="glyphicon glyphicon-ok"></i> -->
									</li>
									<li>
										<input type="password"  name="password" placeholder="密码"/>
									</li>
									<li>
										<div class="mylogin-rt">
											<a href="javascript:$('#loginForm').submit()">登录账号</a>
											<a href="${ctx}/front-regist.html">注册</a>
										</div>
									</li>
								</ul>
								<div class="mylogin-btn"><button><i class="glyphicon glyphicon-ok"></i></button></div>
							</div>
						</form>
					</c:if>
				</div>
			</div>
			<div class="center">
				<div class="center-tit">
					<h1><span>我们可以</span>帮您解决什么？</h1>
					<p>参考专家， 尽心负责---全程陪伴您的高考志愿填写</p>
				</div>
				<div class="center-md">
					<ul class="list1">
						<li>
							<h1>选高校</h1>
							<p>含2500+所高校详细信息，省(市)录取控制分数线等，离校信息，一览无余</p>
						</li>
						<li>
							<h1>定专业</h1>
							<p>506个专业全方位解析，配合性格测试为学生选取适合自己的专业，报考专业，不再迷茫</p>
						</li>
						<li>
							<h1>填志愿</h1>
							<p>近20年时间打造的精准到算模型，为学生报考高校保驾护航</p>
						</li>
						<li>
							<h1>升学汇</h1>
							<p>多模式升学渠道，涵盖国际留学，职业规划，自主招生三大板块，以供学士家长进行相关选择</p>
						</li>
					</ul>
					<ul class="list2">
						<li>
							<a href="">
								<span><img src="${ctxStatic}/img/index1.png" /></span>
								<p>专业查询</p>
							</a>
						</li>
						<li>
							<a href="">
								<span><img src="${ctxStatic}/img/index2.png" /></span>
								<p>专业录取分数线</p>
							</a>
						</li>
						<li>
							<a href="">
								<span><img src="${ctxStatic}/img/index3.png" /></span>
								<p>测性格选专业</p>
							</a>
						</li>
						<li>
							<a href="">
								<span><img src="${ctxStatic}/img/index4.png" /></span>
								<p>报考方案制作</p>
							</a>
						</li>
						<li>
							<a href="">
								<span><img src="${ctxStatic}/img/index5.png" /></span>
								<p>内蒙模拟填报</p>
							</a>
						</li>
						<li>
							<a href="">
								<span><img src="${ctxStatic}/img/index6.png" /></span>
								<p>内蒙网报统计</p>
							</a>
						</li>
						<li>
							<a href="">
								<span><img src="${ctxStatic}/img/index7.png" /></span>
								<p>志愿评估</p>
							</a>
						</li>
						<li>
							<a href="">
								<span><img src="${ctxStatic}/img/index8.png" /></span>
								<p>智能推荐</p>
							</a>
						</li>
						<li>
							<a href="">
								<span><img src="${ctxStatic}/img/index9.png" /></span>
								<p>自主招生，敬请期待</p>
							</a>
						</li>
						<li>
							<a href="">
								<span><img src="${ctxStatic}/img/index10.png" /></span>
								<p>高校查询</p>
							</a>
						</li>
						<li>
							<a href="">
								<span><img src="${ctxStatic}/img/index11.png" /></span>
								<p>高校录取分数线</p>
							</a>
						</li>
						<li>
							<a href="">
								<span><img src="${ctxStatic}/img/index12.png" /></span>
								<p>同分考生去向查询</p>
							</a>
						</li>
					</ul>
				</div>
				<div class="center1">
					<div class="center1-tit">
						<span class="center1-span1"></span>
						<h1 class="center1-span2">新闻资讯</h1>
						<span class="center1-span3"></span>
					</div>
					<div class="model">
						<div class="model-lt">
							<div class="model-tit">
								<span>资讯内容</span>
								<a href="javascript:0"><i class="glyphicon glyphicon-option-horizontal"></i></a>
							</div>
							<div class="model-center">
							
								<ul class="list3-lt">
									<!-- 查询前2条热点信息带图片 -->
									<c:forEach items="${fns:getHotNewsList('0','2')}" var="news">
										<li>
											<img src="${news.image}" />
											<p><a href="${ctx}/news-${news.id}.html">${news.title}</a></p>
										</li>
									</c:forEach>
								</ul>
								
								<ul class="list3-rt">
									<!-- 从第二条2条开始查询5条热点信息 -->
									<c:forEach items="${fns:getHotNewsList('2','5')}" var="news">
										<li>
											<a href="${ctx}/news-${news.id}.html">
												<p>${news.title}</p>
												<span><fmt:formatDate value="${news.newsDate}" pattern="yyyy-MM-dd"/></span>
											</a>
										</li>
									</c:forEach>
								</ul>
								
							</div>
						</div>
						<div class="model-rt">
							<img src="${ctxStatic}/img/img1.png" />
							<p>今日热谈：高校及专业分析-主讲：王宗琦</p>
						</div>
					</div>
				</div>
				<div class="center1">
					<div class="center1-tit">
						<span class="center1-span1" style="width: 44%;"></span>
						<h1 class="center1-span2">志愿大讲堂</h1>
						<span class="center1-span3" style="width: 44%;"></span>
					</div>
					<div class="model">
						<div class="model-lt">
							<div class="model-center tb2">
								<table cellspacing="0" cellpadding="0" border="0" class="tb1">
									<tr>
										<th width="15%">地点</th>
										<th width="20%">讲座时间</th>
										<th width="50%">讲座主题</th>
										<th width="15%">立即参与</th>
									</tr>
									<!-- 查询最新的志愿大讲堂信息 -->
									<c:forEach items="${fns:getNewsetIdealLectureList('0','5')}" var="idealLecture">
										<tr>
											<td width="15%"><p>${fns:getRegionById(idealLecture.regionId).name}</p></td>
											<td width="20%"><p><fmt:formatDate value="${idealLecture.lectureDate}" pattern="MM-dd HH:mm"/></p></td>
											<td width="50%"><p>${idealLecture.title}</p></td>
											<td width="15%"><button onclick="javascript:window.location.href='${ctx}/lecture-${idealLecture.id}.html'">点击加入</button></td>
										</tr>
									</c:forEach>
									
								</table>
							</div>
						</div>
						<div class="model-rt">
							<img src="${ctxStatic}/img/img1.png" />
							<p>今日热谈：高校及专业分析-主讲：王宗琦</p>
						</div>
					</div>
					
				</div>
				<div class="center1">
					<div class="center1-tit">
						<span class="center1-span1" style="width: 42%;"></span>
						<h1 class="center1-span2">首席志愿咨询师</h1>
						<span class="center1-span3" style="width: 42%;"></span>
					</div>
					<ul class="list4">
						<li>
							<a href="">
								<img src="${ctxStatic}/img/bg.png" class="list4-img"/>
								<div class="list4-lt">
									<h1>梁挺福</h1>
									<p>首席咨询师</p>
								</div>
								<div class="list4-rt">
									<h1>50000元</h1>
									<button>找他报志愿</button>
								</div>
								<p class="list4-p">国内著名升学规划专家，北京大学管理学硕士，教育创始人之一</p>
							</a>
						</li>
						<li>
							<a href="">
								<img src="${ctxStatic}/img/bg.png" class="list4-img"/>
								<div class="list4-lt">
									<h1>梁挺福</h1>
									<p>首席咨询师</p>
								</div>
								<div class="list4-rt">
									<h1>50000元</h1>
									<button>找他报志愿</button>
								</div>
								<p class="list4-p">国内著名升学规划专家，北京大学管理学硕士，教育创始人之一</p>
							</a>
						</li>
						<li>
							<a href="">
								<img src="${ctxStatic}/img/bg.png" class="list4-img"/>
								<div class="list4-lt">
									<h1>梁挺福</h1>
									<p>首席咨询师</p>
								</div>
								<div class="list4-rt">
									<h1>50000元</h1>
									<button>找他报志愿</button>
								</div>
								<p class="list4-p">国内著名升学规划专家，北京大学管理学硕士，教育创始人之一</p>
							</a>
						</li>
						<li>
							<a href="">
								<img src="${ctxStatic}/img/bg.png" class="list4-img"/>
								<div class="list4-lt">
									<h1>梁挺福</h1>
									<p>首席咨询师</p>
								</div>
								<div class="list4-rt">
									<h1>50000元</h1>
									<button>找他报志愿</button>
								</div>
								<p class="list4-p">国内著名升学规划专家，北京大学管理学硕士，教育创始人之一</p>
							</a>
						</li>
					</ul>
				</div>
				<div class="center1">
					<div class="center1-tit">
						<span class="center1-span1"></span>
						<h1 class="center1-span2">成功案例</h1>
						<span class="center1-span3"></span>
					</div>
					<ul class="list4 list5">
						<li>
							<a href="">
								<img src="${ctxStatic}/img/bg.png" class="list4-img"/>
								<p class="list4-p">女，2015届，哈尔滨工业大学附属中学</p>
								<div class="list5-center">
									<h1>50000元<span>/高考成绩586分</span></h1>
									
								</div>
								<div class="list5-xian">
									<span></span>
								</div>
								<p class="list4-p">录取结果：最终被清华大学录取</p>
							</a>
						</li>
						<li>
							<a href="">
								<img src="${ctxStatic}/img/bg.png" class="list4-img"/>
								<p class="list4-p">女，2015届，哈尔滨工业大学附属中学</p>
								<div class="list5-center">
									<h1>50000元<span>/高考成绩586分</span></h1>
									
								</div>
								<div class="list5-xian">
									<span></span>
								</div>
								<p class="list4-p">录取结果：最终被清华大学录取</p>
							</a>
						</li>
						<li>
							<a href="">
								<img src="${ctxStatic}/img/bg.png" class="list4-img"/>
								<p class="list4-p">女，2015届，哈尔滨工业大学附属中学</p>
								<div class="list5-center">
									<h1>50000元<span>/高考成绩586分</span></h1>
									
								</div>
								<div class="list5-xian">
									<span></span>
								</div>
								<p class="list4-p">录取结果：最终被清华大学录取</p>
							</a>
						</li>
						<li>
							<a href="">
								<img src="${ctxStatic}/img/bg.png" class="list4-img"/>
								<p class="list4-p">女，2015届，哈尔滨工业大学附属中学</p>
								<div class="list5-center">
									<h1>50000元<span>/高考成绩586分</span></h1>
									
								</div>
								<div class="list5-xian">
									<span></span>
								</div>
								<p class="list4-p">录取结果：最终被清华大学录取</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
	</body>
